.container{
  width: 100%;
  height: 100vh;
  text-align: center;
  background-color: #fff;
  /* overflow: hidden; */
}
.page__hd{
  font-size: 30rpx;
  padding-top: 100rpx;
  width: 100%;
  background-color: #8D9AED;
}
.title{
  color: #C8EBEC;
  font-size: 60rpx;
  letter-spacing: 10px;
}
.desc{
  display: flex;
  justify-content: center;
  padding-bottom: 60rpx;
}
.img{
  width: 150rpx;
  height: 150rpx;
  margin-top: 20rpx;
  background-color: #000;
  text-align: center;
  border-radius: 50%;
}
.page__bd{
  width: 100%;
  background-color: white;
  margin-top: -40rpx;
  border-radius: 40rpx 40rpx 0 0;
  z-index: 22;
  
}
.imageList{
    
    width: 100%;
    height: 500rpx;
}
.imageList image {
  width: calc(100vw/4);
  height: 500rpx;
}

.imageList image:nth-child(2) {
  position: relative;
  top: 28rpx;
}
.imageList image:nth-child(4) {
  position: relative;
  top: 18rpx;
}

.fun{
  display: flex;
  width: 100%;
  font-size:26rpx;
  justify-content: space-around;
  border: 40rpx 40rpx 0 0;
  padding:20px 0;
}
.fun .pad{
    height: 100px;
    text-align: center;
}
.f{
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  background-image: linear-gradient(0deg,rgb(245, 197, 226) 0%,rgb(254,224,174) 74%);
}
.pad image{
    padding:10px;
}
.name .denglu{
    margin:5px;
}
.page_bottom {
  position: absolute;
  bottom: 0;
  height: 400rpx;
  overflow: hidden;
}